<template>
  <div id="app">
    <!-- 用组件名称作为标签使用组件 -->
    <inputEvent></inputEvent>  
    <listEvent></listEvent>
    <footerTotal></footerTotal>

  </div>
</template>

<script>
import inputEvent from './components/inputEvent.vue' // 输入框组件
import listEvent from './components/listEvent.vue' // 事件列表组件
import footerTotal from './components/footerTotal.vue' // 下边统计待办组件


 
export default {
  name: 'App',
  components: { // 局部注册组件
    inputEvent,
    listEvent,
    footerTotal
  }
}
</script>

<style>
#app{
  width: 400px;
  border: 3px solid #68c1e1;
  padding-top: 30px;;
  box-shadow: 1px -1px 20px 18px #8fe1fb;
  padding-left: 10px;;
  margin: auto;
  margin-top: 50px;;
  border-radius: 20px;;
}
</style>
